﻿.main{
  width: 100%;
  height: auto;
}
.head{
  width: 100%;
  height: 5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #0c151c;
  /* opacity: 0.8; */
  /* background-color: rgba(12,21,28, 0.8); */
  color: #fff;
}
.logo{
  width: 2.75rem;
  height: 2.875rem;
}
.head_logo{
  margin-left: 1.75rem;

}
.head_logo>div{
  display: inline-block;
}
.logo_lanhai{
  width: 5.3125rem;
  height: 2.8125rem;
  margin: 0 10px 0 20px;
}
.head_title{
  font-size: 1.375rem;
}
.layui-nav{
  background-color: transparent;
  padding: 0 4rem;
}
.layui-nav .layui-nav-item{
  padding: 0 4rem;
}
.layui-nav>.layui-nav-item>a{
  padding: 0;
  color: #fff;
  font-size: 1.375rem;
}
.layui-nav-bar{
  margin: 0 4rem;
  z-index: 0;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
  background-color: #0096ff;
}
.searchkey{
  width: 13.5rem !important;
  height: 2.25rem !important;
  border-radius: 1.125rem !important;
  background-color: #000 !important;
  border: solid 1px #c5c5c5 !important;
  color: #fff !important;
  font-size: 1.125rem !important;
  padding: 0px 3rem 0 1rem!important;
  margin: 0 !important;
}
.searchkey::placeholder{
  color: #fff !important;
  font-size: 1.125rem !important;
}
.head_search>div{
  width: 20rem;
  position: relative;
}

.search_btn{
  position: absolute;
  top: 50%;
  right: 14%;
  transform: translate(-10px, -10px);
  cursor: pointer;
}
.yuyin_btn{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-10px, -10px);
  cursor: pointer;
}
.head_btn{
  margin-left: 4.45rem;
  font-size: 1.125rem;
}
.head_btn>span{
  cursor: pointer;
}
.head_btn>:last-child{
  display: inline-block;
	border-radius: 4px;
	border: solid 1px #00a7fe;
  color: #00a7fe;
  padding: .2rem .83rem;
  margin-left: 1.5625rem;
}
.foot{
  height: 8.25rem;
  background-color: #0c151c;
  padding: 0.01rem;
  font-size: 1.125rem;
}
.foot_con{
  padding: 0 15.7187rem;
  color: #fff;
  margin: 2rem 0 1.25rem 0;
}
.foot_con a{
  color: #fff;
}
.foot_con>hr{
  margin: 1rem 0;
}
.foot_con>p:last-child{
  text-align: center;
}
.layui-nav-more{
  display: none;
}
.ainl{
  width: 95.125rem;
  height: 271px;
  padding: .5rem 1.875rem;
  top: 5.5rem;
  left: -25.25rem;
}
.ainl>div{
  display: flex;
}
.yysb_ai{
  flex: 1;
  color: #000;
}
.yysb_ai>div:first-child{
  font-size: 1.125rem;
  color: #3d3d3d;
  width: 11.4375rem;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: .5rem;
}
.yysb_ai>div:first-child>img{
  position: relative;
  top: -2px;
  margin-right: 10px;
}
.yysb_ai>div:last-child>p>a{
  padding: 0;
  color: #737373;
}
.yysb_ai>div:last-child {
  padding-top: 1rem;
}
.ainl>.ainl_sanjiao{
  /* border: 1px solid #d2d2d2; */
  margin: 0 auto;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: -1rem;
  left: 30rem;
}
.zxdt{
  top: 5.5rem;
}
.zxdt>.zxdt_sanjiao{
  margin: 0 auto;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: -1rem;
  left: 5.5rem;
}
.zxdt dd{
  line-height: 2.5rem;
}
.zxdt dd>a{
  color: #737373;
}
/* 需求反馈-小AI知识库 */
.xuanfu{
  position: fixed;
  top: 50%;
  right: 20px;
  z-index: 5;
  /* transform: translate(-); */
}
.xqfk{
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  padding: 1rem;
  box-shadow: 0px 0px 11px 1px  rgba(0, 0, 0, 0.1);
}
.xuanfu>div:first-child{
  margin-bottom: 1.25rem;
}
.xqfk>img{
  width: 1.875rem;
  height: 1.6875rem;
}
.xqfk:hover{
  box-shadow: 0px 0px 13px 1px  rgba(0, 0, 0, 0.1);
}
.xqfk_dia{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-18.75rem, -21.875rem);
  width: 37.5rem;
  height: 43.75rem;
  background-color: #fff;
  box-shadow: 0px 0px 14px 2px 	rgba(69, 67, 65, 0.2);
	border-radius: 8px;
  z-index: 6;
}
label>span{
  color: red;
}
.xqfk_title{
  height: 3.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  background-color: #0096ff;
  border-radius: 8px 8px 0px 0px;
  padding: 0 1.25rem;
}
.xqfk_title>P{
  margin: 0;
}
.xqfk_title>p:first-child{
  font-size: 1.5rem;
}
.xqfk_title>p:last-child{
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.xqfk_title>p:last-child>img{
  width: 100%;
  height: 100%;
}
.xqfk_con{
  width: 100%;
  height: calc(100% - 3.9375rem);
  margin: 1.25rem 1.8125rem;
}
#username, #phone, #dept, #desc{
  width: calc(27.4375rem - 30px) !important;
  background-color: #f7f8fb !important;
	border-radius: 4px !important;
	border: solid 1px #c1c6c9 !important;
  font-size: 1.125rem !important;
  padding: 12px 15px;
}
#username, #phone, #dept{
  height: calc(2.625rem - 24px);
}
.xqfk_d{
  margin-bottom: 2.6875rem;
}
.xqfk_label{
  font-size: 1.125rem !important;
}
.xqfx_lab{
  position: relative;
  top: -3.85rem;
}
#xqfk_form{
  position: relative;
  height: calc(100% - 2.5rem);
  width: calc(100% - 3.625rem);
}
.xqfk_btn{
  position: absolute;
  bottom: 0;
  right: -6px;
}
.xqfk_btn>button{
  width: 4rem;
  height: 2rem;
  border-radius: 4px;
}
.xqfk_btn>button{
  margin-right: 14px;
  background-color: #00a7fe;
  color: #fff;
  border: 0;
}
.bv-form .help-block{
  margin-left: 6.5rem;
  color: red;
  font-size: 0.875rem;
}
.xqfkclose{
  display: inline-block;
  border: solid 1px #c1c6c9;
  color: #c1c6c9;
  padding: .3125rem 1rem;
  border-radius: 4px;
  cursor: pointer;
}
.xaizsk_title{
  height: 6.3125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  background-color: #0096ff;
  border-radius: 8px 8px 0px 0px;
  padding: 0 1.25rem;
}
.xqfk_title>div{
  display: flex;
}
.ai_jqr{
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 10px;
}
.ai_jqr>img{
  width: 100%;
  height: 100%;
}
.xaizsk_name{
  position: relative;
  top: .5rem;
}
@media screen and (max-width: 1850px) {
  .xaizsk_name {
    top: 0;
  }
}
.xaizsk_name>p:first-child{
  font-size: 1.5rem;
  margin:0 0 0.625rem 0;
}
.xaizsk_name>p:last-child{
  font-size: 1.125rem;
  margin: 0;
}
.xqfk_dia, .xaizsk_dia{
  display: none;
}
.login{
  width: 35.5625rem;
  height: 28.4375rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  /* background-color: #000; */
  background-image: url('../img/login_bg.png');
  background-size: 100% 100%;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login_bg{
  width: 31.875rem;
  height: 24.4375rem;
  background-color: #fff;
  border-radius: 12px;
  position: relative;
}
.ukeylogin{
  display: flex;
  justify-content: center;
  align-items: center;
}

.ukeylogin>img{
  width: 8.75rem;
  height: 11.9375rem;
  cursor: pointer;
}
.login_title{
	font-size: 1.5rem;
	line-height: 4.5rem;
	color: #333333;
  text-align: center;
  width: 100%;
  height: 4.5rem;
}
.login_con{
  width: calc(100% - 10.865rem);
  height: calc(100% - 4.5rem);
  padding: 0 5.4375rem;
}
.login .login_con .layui-tab{
  width: 100%;
  height: 100%;
  margin: 0;
}
.login .layui-tab-content{
  height: calc(100% - 60px) !important;
}
.login .layui-tab-item, .login .ukeylogin{
  height: 100%;
}
.login_con ul li{
  width: 49%;
  padding: 0;
}
.login .layui-tab-title li {
  background-color: #fff; 
  border: 0px;
  font-size: 1.125rem;
}

.login .layui-tab-brief>.layui-tab-title .layui-this{
  color: #000;
}
.login .layui-tab-brief>.layui-tab-title .layui-this:after{
  border: 0;
}
.login .layui-tab-brief>.layui-tab-title .layui-this>span{
  display: inline-block;
  border-bottom: 2px solid #0096ff;
}
.username{
  width: 100%;
	height: 3rem;
	border-radius: 6px;
	border: solid 1px #8997a0;
}
.username input{
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0px;
  box-shadow: 0 0 0;
  width: calc(100% - 4.5rem)
}
.username>img{
  margin: 0 1rem;
}
.forget_pass{
  margin: .5rem 0;
  text-align: right;
  cursor: pointer;
}
.login_btn{
  cursor: pointer;
  width: 100%;
  text-align: center;
  background-color: #0096ff;
	box-shadow: 0px 8px 11px 1px 
		rgba(0, 150, 255, 0.14);
	border-radius: 6px;
  padding: .895rem 0;
  color:#fff;
  font-size: 1.125rem;
}
@media screen and (max-width: 1500px) {
  .login_btn{
    padding: .5rem 0;
  }
  .login_title{
    height: 3.8rem;
  }
}
.login_close{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}